.WH {
  color: $WH;
}

.BL {
  color: $BL;
}

.QS {
  color: $QS;
}

.CS {
  color: $CS;
}

.FF {
  color: $FF;
}

.FC {
  color: $FC;
}

.CF {
  color: $CF;
}

.WHO {
  color: $WHO;
}

.text {
  font-size: $FZ12;
  color: $BL;
}

.num {
  font-size: .2rem;
  color: $WH;

  span {
    font-size: $FZ12;
  }
}

.item /deep/ .ant-progress-inner {
  background-color: #0d2d50;
}

.item /deep/ .ant-progress {
  line-height: 1;
}

.table /deep/ .ant-table-fixed-header>.ant-table-content>.ant-table-scroll>.ant-table-body {
  background-color: transparent;
}



.table /deep/ .ant-table {
  background-color: transparent;
  border-radius: 0.07rem;
  border: none;
  color: #c1ddff;

  .ant-table-header {
    background-color: transparent;
  }

  th {
    color: #74b2f9;
    padding: 0rem .02rem;
    line-height: 0.27rem;
    background-color: rgb(7, 20, 64);
    border-bottom: none;
    font-size: $FZ12;
  }

  td {
    padding: 0.1rem .02rem;
    color: $WH;
    border-bottom: none;
    line-height: 0.27rem;
    font-size: $FZ12;
    box-sizing: border-box;

  }

  tr {
    cursor: pointer;

    &:hover td {
      background: rgb(7, 20, 64) !important;
    }
  }

  .ant-table-placeholder {
    display: none;
  }
}




// 第二屏

.rotateY {
  -ms-transform: rotateY(7deg);
  /* IE 9 */
  -moz-transform: rotateY(7deg);
  /* Firefox */
  -webkit-transform: rotateY(7deg);
  /* Safari 和 Chrome */
  -o-transform: rotateY(7deg);
  /* Opera */
  transform: rotateY(7deg);
}

.rotateZ {
  -ms-transform: rotateZ(-7deg);
  /* IE 9 */
  -moz-transform: rotateZ(-7deg);
  /* Firefox */
  -webkit-transform: rotateZ(-7deg);
  /* Safari 和 Chrome */
  -o-transform: rotateZ(-7deg);
  /* Opera */
  transform: rotateZ(-7deg);
}

//标题大字
.titleclip {
  font-family: "fzcchkFont";
  background-image: linear-gradient(180deg, #7fc8f3 0%, $WH 100%);
  -webkit-background-clip: text;
  color: transparent;
}

.bgimg01 {
  width: .36rem;
  line-height: .36rem;
  text-align: center;
  font-size: .12rem;
  background: url(./assets/img/housedetail/img07.png) center no-repeat;
  background-size: 100% 100%;
}

.bgimg02 {
  width: .36rem;
  line-height: .36rem;
  text-align: center;
  font-size: .12rem;
  background: url(./assets/img/housedetail/img08.png) center no-repeat;
  background-size: 100% 100%;
}

.bgimg03 {
  width: .36rem;
  line-height: .36rem;
  text-align: center;
  font-size: .12rem;
  background: url(./assets/img/housedetail/img09.png) center no-repeat;
  background-size: 100% 100%;
}

.bgimg04 {
  width: .36rem;
  line-height: .36rem;
  text-align: center;
  font-size: .12rem;
  background: url(./assets/img/housedetail/img10.png) center no-repeat;
  background-size: 100% 100%;
}

.table-num {
  width: .26rem;
  line-height: .26rem;
  text-align: center;
  font-size: .12rem;
  background: url(./assets/img/businessdetail/img05.png) center no-repeat;
  background-size: 100% 100%;
}

.search-input .ant-input-group {
  width: 5.1rem;

  .ant-input {
    color: #fff;
    height: .4rem;
    font-size: .14rem;
    line-height: .4rem;
    background-image: linear-gradient(rgba(32, 146, 242, 0.08),
        rgba(32, 146, 242, 0.08)),
      linear-gradient(#02254e,
        #02254e);
    border: solid 1px #0364b4;
  }

  .ant-input-group-addon .ant-btn-primary {
    height: .4rem;
    line-height: .4rem;
  }
}

.unit {
  text-align: right;
  font-size: .12rem;
}

.triangle::after {
  content: '';
  display: blcok;
  position: absolute;
  width: 0;
  height: 0;
  border-width: .1rem;
  border-style: solid;
  border-color: transparent transparent #023168 transparent;
}

.mapLabel {
  padding: 0.01rem 10px;
  border-radius: 10px;
  position: relative;

  &:before {
    content: '';
    display: blcok;
    position: absolute;
    width: 6px;
    height: 1px;
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
  }

  &:after {
    content: '';
    display: blcok;
    position: absolute;
    width: 6px;
    height: 1px;
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
  }

  &.mapIconOffH {
    border: solid 1px #f6093a;
    background-image: linear-gradient(#2d0e26,
        #2d0e26),
      linear-gradient(#000000,
        #000000);

    &:before,
    &:after {
      background-color: #f6093a;
    }
  }

  &.mapIconOffY {
    border: solid 1px #ecfb03;
    background-image: linear-gradient(#151400,
        #151400),
      linear-gradient(#000000,
        #000000);

    &:before,
    &:after {
      background-color: #ecfb03;
    }
  }

  &.mapIconOffL {
    border: solid 1px #3afc06;
    background-image: linear-gradient(#082002,
        #082002),
      linear-gradient(#000000,
        #000000);

    &:before,
    &:after {
      background-color: #3afc06;
    }
  }
}